<template>
	<view class="Snapped-View">
		<u-scroll-list
			@right="right"
			@left="left"
		>
			<view
				class="scroll-list"
				style="flex-direction: row;"
				@click="linkTo('/packages/MallPages/GoodSnapped/index')"
			>
				<view class="funS">
					<u-icon
						name="moments"
						size="50"
						color="#ff9900"
					/>
					<view class="text">0元购</view>
				</view>
			</view>
		</u-scroll-list>
	</view>
</template>
<script>
export default {
  props: {
    snappedList: {
      type: Array
    }
  },
  data() {
    return {
      list: []
    }
  },
  methods: {
    left() {
      console.log('left')
    },
    right() {
      console.log('right')
    }
  }
}
</script>
<style  lang="scss" scoped>
.Snapped-View{
  width: 98%;
  padding: 40rpx;
  background: #fff;
  margin-left: 50%;
  transform: translate(-50%);
  border-radius: 16rpx;
.title{
  text-align: left;
	margin: 15rpx;
  font-size: 35rpx;
  font-weight: 700;
  color: #000;
			display:flex;
			align-items:center;
			line-height: 1;
			.s-img{
				width: 140rpx;
				height: 30rpx;
			}
			.tip{
				font-size:25rpx;

				margin: 0 20rpx 0 40rpx;
			}
			.timer{
				display:inline-block;
				width: 40rpx;
				height: 36rpx;
				text-align:center;
				line-height: 36rpx;
				margin-right: 14rpx;
				font-size:25rpx;
				color: #fff;
				border-radius: 2px;
				background: rgba(0,0,0,.8);
			}
			.icon-you{

				flex: 1;
				text-align: right;
			}
}
.scroll-list {
	@include flex(column);

	&__goods-item {
		margin-right: 20px;

		&__image {
			width: 60px;
			height: 60px;
			border-radius: 4px;
		}

		&__text {
			color: #f56c6c;
			text-align: center;
			font-size: 12px;
			margin-top: 5px;
		}
	}

	&__show-more {
		background-color: #fff0f0;
		border-radius: 3px;
		padding: 3px 6px;
		@include flex(column);
		align-items: center;

		&__text {
			font-size: 12px;
			width: 12px;
			color: #f56c6c;
			line-height: 16px;
		}
	}
}
}
</style>
